<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="telephone=no" name="format-detection">
    <meta name="author" content="">
    <meta name="copyright" content="Copyright  版权所有">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>编辑课程</title>
    <!--通用引入-->
    <script src="static/js/seeding/jquery-3.1.1.min.js" type="text/javascript"></script>
    <script src="static/js/seeding/globalHead.js" type="text/javascript"></script>
    <link href="static/css/global.css" type="text/css" rel="stylesheet"/>
    <!--页面引入-->
    <script src="static/js/seeding/map.js" type="text/javascript"></script>
    <link href="static/css/LCalendar.css" type="text/css" rel="stylesheet"/>
    <link href="static/css/homePage.css" type="text/css" rel="stylesheet"/>



    <!--手机日期-->
    <script src="static/js/seeding/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
    <script src="static/js/seeding/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>
    <link href="static/css/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
    <link href="static/css/mobiscroll.animation-2.5.2.css" rel="stylesheet" type="text/css" />
    <script src="static/js/seeding/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>
    <script src="static/js/seeding/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>
    <!-- S 可根据自己喜好引入样式风格文件 -->
    <script src="static/js/seeding/mobiscroll.android-ics-2.5.2.js" type="text/javascript"></script>
    <link href="static/css/mobiscroll.android-ics-2.5.2.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function() {
            var currYear = (new Date()).getFullYear();
            var opt = {};
            opt.datetime = {
                preset: 'datetime'
            };
            opt.default = {
                theme: 'android-ics light', //皮肤样式
                display: 'modal', //显示方式 ：modal（正中央）  bottom（底部）
                mode: 'scroller', //日期选择模式
                lang: 'zh',
                timeFormat: 'HH:ii',
                timeWheels: 'HHii',
                startYear: currYear - 5, //开始年份currYear-5不起作用的原因是加了minDate: new Date()
                endYear: currYear + 10, //结束年份
                minDate: new Date() //加上这句话会导致startYear:currYear-5失效，去掉就可以激活startYear:currYear-5,
            };
            $("#appDate").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));
            var optDateTime = $.extend(opt['datetime'], opt['default']);
            $("#appDateTime1").mobiscroll(optDateTime).datetime(optDateTime);
        });
    </script>
</head>
<body style=" background-color: #fff;">
<div class="ui-addLesson-con">
    <ul class="openList">
        <li>
            <label>课程名称</label>
            <input type="text" placeholder="最多不超过20个字" class="names colorInput"/>
        </li>
        <li class="opentime">
            <span>开课时间</span>
            <div class="times fr">
               <!-- <input id="demo2" class="colorInput" type="text" readonly="" placeholder="点击选择开课日期" value="" data-lcalendar="2017-05-11,2017-05-11"/>-->
                <input type="text" readonly="true" onfocus=this.blur()  name="VisitTime" id="appDateTime1" class="select_w colorInput"/>
                <i class="bgIcon bg21"></i>
            </div>
        </li>
        <li class="intro">
            <label>课程简介</label>
            <div class="txtIntro cl">
                <textarea class="colorInput">全文不超过200字</textarea>
            </div>
        </li>
        <li>
            <label>购买该课程需要金额</label>
            <input type="text" class="names colorInput"/>
        </li>
    </ul>
</div>
<div class="lessonSure lessonSure2"><a href="">确定</a></div>
<!--时间插件-->
<!--<script src="static/js/seeding/LCalendar.js" type="text/javascript"></script>
<script>
    var calendardatetime = new LCalendar();
    calendardatetime.init({
        'trigger': '#demo2',
        'type': 'datetime',
        'minDate': '1900-1-1', //最小日期
        'maxDate': new Date().getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate() //最大日期
    });
</script>-->
</body>
</html>